<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<title>卡片系列的操作</title>
<script src="../kq.1.06.dev.js"></script>
</head>

<body>
<div>
<button id="loadPage">点我加载简单的页面</button>
<button id="loadCallPage">带返回数据的加载页面</button>
<button id="loadDataPage">携带数据进入子页面</button>
<button id="loadInnerpage">展示当前窗口的弹窗</button>
<button id="loadContent">点我进行内页加载，我将被内容覆盖</button>
</div>
</body>
<script>
$Q('#loadContent').click(function(){
	$Q('#loadContent').ajaxConts({
		action:'./_page_subsss.html',	
	});	
});
$Q('#loadInnerpage').click(function(){
	$Q.loadpage({
		url:'./_page_sub.html',
		type:'dom',
	});	
});

$Q('#loadPage').click(function(){
	$Q.loadpage('./_page.html');	
});

$Q('#loadCallPage').click(function(){
	$Q.loadpage({
		templateId:'page_test',
		url:'./_page.html',
		width:'600px',
		height:'400px',
		format:['body'],//使用这种方式才可以返回数据信息
		callback:function(){
			console.log('callback被调起');
		},
		backgroundClick:function(){
			console.log(222);
		},
		pageBack:function(data){console.log(data);}
	});	
});
$Q('#loadDataPage').click(function(){
	$Q.loadpage({
		templateId:'page_test',
		url:'./_page.html',
		width:'600px',
		height:'400px',
		data:{name:'测试这个信息'},
		format:['body'],//使用这种方式才可以返回数据信息
		callback:function(){
			console.log('callback被调起');
		},
		backgroundClick:function(){
			console.log(222);
		},
		pageBack:function(data){console.log(data);}
	});		
});

//滚动到底部
$Q('#scrollToBotton').scrollToBottom();
</script>
</html>
